.poi {
  display: flex;
  flex-direction: column;
  height: 100vh;
  width: 100vw;
}

title-bar {
  flex: 0 0 29px;
}

poi-main {
  align-items: center;
  display: flex;
  flex: 1 0 0;
  background-color: inherit;
}

.webview-resizable-area {
  display: flex;
  align-items: center;
}

.webview-wrapper {
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  margin-left: auto;
  margin-right: auto;
  max-height: max-content;
  width: 100%;
  position: relative;
}

#electron-app-title-bar {
  background-color: transparent !important;
  box-sizing: content-box !important;
  border-bottom: 1px solid #00000050 !important;
}

#electron-app-title-bar * {
  font-family: "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Microsoft Yahei UI Light", "Microsoft YaHei Light", "Microsoft YaHei", Arial, sans-serif;
}

#electron-app-title-bar .button-component {
  box-sizing: border-box;
}

#electron-app-title-bar .toolbar-dropdown:not(.open) .menu-item .menu-label {
  opacity: 0.9 !important;
}

#electron-app-title-bar img.icon {
  margin: 6px 10px !important;
}

.resizable-component.width-resize > .resize-handle-right {
  background: linear-gradient(90deg, transparent 40%, #666 60%, transparent 51%);
  z-index: 10;
}

.resizable-component.height-resize > .resize-handle-bottom {
  background: linear-gradient(0deg, transparent 40%, #666 60%, transparent 51%);
  z-index: 10;
}
